<template>
  <div class="footer">
    <div class="w1200 inner">
      <div class="top">
        <div class="cell">
          <div class="title">口腔百科</div>
          <div class="list">
            <div class="left">
              <nuxt-link to="/baike/1">牙齿种植</nuxt-link>
              <nuxt-link to="/baike/5">牙齿贴面</nuxt-link>
              <nuxt-link to="/baike/4">根管治疗</nuxt-link>
              <nuxt-link to="/baike/9">牙齿修复</nuxt-link>
              <nuxt-link to="/baike/10">龋齿/蛀牙</nuxt-link>
              <!--               
              <span>牙齿种植</span>
              <span>牙齿贴面</span>
              <span>根管治疗</span>
              <span>牙齿修复</span>
              <span>龋齿/蛀牙</span> -->
            </div>
            <div class="right">
              <nuxt-link to="/baike/2">牙齿矫正</nuxt-link>
              <nuxt-link to="/baike/8">牙齿美白</nuxt-link>
              <nuxt-link to="/baike/6">牙周治疗</nuxt-link>
              <nuxt-link to="/baike/7">智齿拔除</nuxt-link>
              <nuxt-link to="/baike/3">隐形矫正</nuxt-link>

              <!-- <span>牙齿矫正</span>
              <span>牙齿美白</span>
              <span>牙周治疗</span>
              <span>智齿拔除</span>
              <span>隐形矫正</span> -->
            </div>
          </div>
        </div>
        <div class="cell">
          <div class="title">热门医院</div>
          <div class="list">
            <div class="left">
              <nuxt-link
                to="/hospital?city=%E6%B7%B1%E5%9C%B3%E5%B8%82&code=4403"
                >深圳医院</nuxt-link
              >
              <nuxt-link
                to="/hospital?city=%E7%8F%A0%E6%B5%B7%E5%B8%82&code=4404"
                >珠海医院</nuxt-link
              >
              <nuxt-link
                to="/hospital?city=%E6%B1%9F%E9%97%A8%E5%B8%82&code=4407"
                >江门医院</nuxt-link
              >
              <nuxt-link
                to="/hospital?city=%E6%AD%A6%E6%B1%89%E5%B8%82&code=4201"
                >武汉医院</nuxt-link
              >
              <nuxt-link
                to="/hospital?city=%E6%B8%85%E8%BF%9C%E5%B8%82&code=4418"
                >清远医院</nuxt-link
              >
              <!-- <span>深圳医院</span>
              <span>珠海医院</span>
              <span>江门医院</span>
              <span>武汉医院</span>
              <span>清远医院</span> -->
            </div>
            <div class="right">
              <nuxt-link
                to="/hospital?city=%E5%B9%BF%E5%B7%9E%E5%B8%82&code=4401"
                >广州医院</nuxt-link
              >
              <nuxt-link
                to="/hospital?city=%E4%B8%AD%E5%B1%B1%E5%B8%82&code=4420"
                >中山医院</nuxt-link
              >
              <nuxt-link
                to="/hospital?city=%E5%8E%A6%E9%97%A8%E5%B8%82&code=3502"
                >厦门医院</nuxt-link
              >
              <nuxt-link
                to="/hospital?city=%E5%A4%AA%E5%8E%9F%E5%B8%82&code=1401"
                >太原医院</nuxt-link
              >
              <nuxt-link
                to="/hospital?city=%E6%8F%AD%E9%98%B3%E5%B8%82&code=4452"
                >揭阳医院</nuxt-link
              >
              <!-- <span>广州医院</span>
              <span>中山医院</span>
              <span>厦门医院</span>
              <span>太原医院</span>
              <span>揭阳医院</span> -->
            </div>
          </div>
        </div>
        <div class="cell">
          <div class="title">常用功能</div>
          <div class="list">
            <div class="left">
              <nuxt-link to="/home">网站首页</nuxt-link>
              <nuxt-link to="/doctor">口腔医生</nuxt-link>
              <nuxt-link to="/baike">口腔百科</nuxt-link>
              <nuxt-link to="/news">口腔资讯</nuxt-link>
              <a href="javascript:void(0)" @click="openDiaog" rel="nofollow">机构入驻</a>
            </div>
            <div class="right">
              <nuxt-link to="/hospital">口腔医院</nuxt-link>
              <nuxt-link to="/shop">口腔商城</nuxt-link>
              <nuxt-link to="/report">口腔报告</nuxt-link>
              <nuxt-link to="/question">口腔社区</nuxt-link>
              <a href="http://saas.lilikq.com/#/" target="_blank" class="a_link" rel="nofollow"
                >机构中心</a
              >
            </div>
          </div>
        </div>
        <div class="cell">
          <div class="title">
            <nuxt-link to="/about">关于哩哩口腔</nuxt-link>
          </div>
          <div class="list">
            <div class="left">
              <nuxt-link to="/about" rel="nofollow">公司简介</nuxt-link>
              <nuxt-link to="/about" rel="nofollow">公司地址</nuxt-link>
              <nuxt-link to="/about" rel="nofollow">商务合作</nuxt-link>
              <nuxt-link to="/contract" rel="nofollow">用户协议</nuxt-link>
              <a :href="GET_SERVICE_PATH" target="_blank" class="a_link" rel="nofollow"
                >在线客服</a
              >
              <!-- <span>公司简介</span>
              <span>公司地址</span>
              <span>商务合作</span>
              <span>用户协议</span>
              <span>在线客服</span> -->
            </div>
          </div>
        </div>
        <div class="cell">
          <div class="title">联系我们</div>
          <div class="list">
            <div class="left">
              <span>客服电话：</span>
              <span>0755-23728316</span>
              <span>工作时间：</span>
              <span>周一到周五 9:30-18:30</span>
            </div>
          </div>
        </div>

        <div class="cell">
          <div class="title"></div>
          <div class="list">
            <div class="qrcode">
              <img src="@/assets/images/qrcode.jpg" alt="哩哩口腔官方微信公众号" />
              <span>官方微信公众号</span>
            </div>
          </div>
        </div>
      </div>
      <div class="bottom">
        <p>
          COPYRIGNHT(@)2020 哩哩口腔-互联网口腔健康管理平台. 粤ICP备19132953号
        </p>
        <p>
          通讯地址：深圳市宝安区西乡街道劳动社区西乡大道和宝源路交汇处中央大道C座3楼
        </p>
      </div>
    </div>

    <!-- 弹框 开始 -->
    <OrgSettlement v-model="showPopup" v-if="showPopup" />
    <!-- 弹框 end -->
  </div>
</template>
<script>
import { GET_SERVICE_PATH } from "@/http/interface";
import OrgSettlement from "@/components/apply/organization.vue";
import { received } from "@/utils/utils";
export default {
  name: "Footer",
  components: {
    OrgSettlement,
  },
  data() {
    return {
      GET_SERVICE_PATH,
      showPopup: false,
    };
  },
  created() {
    received("about.institutional.cooperation", this.openDiaog);
  },
  methods: {
    // 打开弹框
    openDiaog() {
      this.showPopup = true;
    },
  },
};
</script>
<style lang="less" scoped>
@import "./index.less";
</style>